@import "../../../base/base";
@import "../../../../../node_modules/pofod/base/base";
@prefix:content;
.@{prefix}{
  width: @box-width;
  .margin-center;
  padding: 30px 0;
  .@{prefix}-container{
    border-left: 1px solid #c3c3c3;
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px;
    &:before{
      content: "";
      position: absolute;
      left: -6px;
      top: 0;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1px solid #c3c3c3;
      background: #fff;
    }
    .@{prefix}-title{
      color: #666;
      font-size: 24px;
      margin-bottom: 10px;
    }
    .@{prefix}-summary{
      color: #999;
      margin-bottom: 20px;
    }
    .@{prefix}-img{
      display: block;
      width: 210px;
      height: 150px;
      float: left;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .@{prefix}-introduce{
      float: right;
      width: 910px;
      .@{prefix}-intro-title{
        font-size: 20px;
        color: #666;
        margin-bottom: 10px;
      }
      .@{prefix}-more{
        display: block;
        width: 80px;
        height: 30px;
        background: @base-color;
        color: #fff;
        text-align: center;
        line-height: 30px;
        margin-top: 20px;
      }
    }
  }
}